{% extends base.html %}
{% load staticfiles %}
{% block title %} article list {% endblock %}
{% block content %}
    <div>
    <header>
    <h1>{{ article.title }}</h1>
        <p><a href="{% url 'article:author_articles' article.author.username %}" >{{ user.username }}</a></p>
    </header>
    <link rel="stylesheet" href="{% static 'editor/css/editormd.preview.css'%}"/>
    <div class="editormd-view">
        <textarea id="append-test" style="display:none;">
{{ article.body }}
            </textarea>
    </div>
    </div>
    <script src="{% static 'js/jquery.js' %}"></script>
    <script src="{% static 'editor/lib/marked.min.js' %}"></script>
    <script src="{% static 'editor/lib/prettify.min.js' %}"></script>
    <script src="{% static 'editor/lib/raphael.min.js' %}"></script>
    <script src="{% static 'editor/lib/underscore.min.js' %}"></script>
    <script src="{% static 'editor/lib/sequence-diagram.min.js' %}"></script>
    <script src="{% static 'editor/lib/flowchart.min.js' %}"></script>
    <script src="{% static 'editor/lib/jquery.flowchart.min.js' %}"></script>
    <script src="{% static 'editor/editormd.js' %}"></script>
    <script type="text/javascript">
    $(function(){
        editormd.markdownToHTML("editoemd-view",{
            htmlDecode:"style,script,iframe",
            emoji:true,
            taskList:true,
            tex:true,
            flowChart:true,
            sequenceDjagram:true,
        });
    });
    </script>
{% endblock %}